<template>
    <div class="card" :class="'type-'+def.type" @click="play">
        <div class="title">{{def.title}}</div>
        <img class="separator" src="../svg/card-separator.svg" alt="">
        <div class="description">
            <div v-html="def.note"></div>
        </div>
    </div>
</template>
<script>
export default {
    methods: {
        play() {
            this.$emit('play')
        }
    },
    props: ['def',],
}
</script>
